/* CSS Document */
body {margin:0; padding:0; font-size:12px; color:#7F7F7F; }
img{ border:0px;}
ul, li{margin:0; padding:0; list-style:none; list-style-type:none }
a{text-decoration:none;color:#313131}
.clear { clear:both; padding:0px; margin:0px;}
dl,dd,dt,h1,h2,h3,h4,h5,h6,h7{ padding:0px; margin:0px; font-weight:400}
.fl{ float:left}
.fr{ float:right}
.clearfix {clear:both;}
.clearfix::before,.clearfix::after {clear:both;display:table;content:"";}

@font-face {
    font-family:'DINCond-Bold';
    src: url('fonts/DINCond-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.Header-wrapper{position:relative;left:0px;width:100%;height:auto;}
/*--- Header ---*/
.Header-wrapper{z-index:99;}
.Header-wrapper .Header-cl{height:90px;position:relative;}
.header-container{padding:0 3.125%;width:100%;height:90px;background:#fff;box-shadow:0px 4px 5px rgba(9,2,4,.17);position:fixed;top:0px;left:0px;z-index:99;}
/*logo*/
.Hlogo{height:90px;line-height:90px;font-size:0px;float:left;overflow:hidden;}
.Htel{display:block;padding:0 0 0 20px;line-height:30px;font-size:18px;font-weight:lighter;color:#3e3f41;background:url(images/icon-tel.png) no-repeat left center;float:right;margin:0 0 0 20px;position:relative;top:30px;}
.Hnav{float:right;margin:0px 0 0px 0px;}
.Hnav a{display:block;width:100px;height:90px;text-align:center;font-size:18px;font-weight:lighter;position:relative;overflow:hidden;float:left;margin:0 0 0 .1rem;transition:none;-webkit-transition:none !important;}
.Hnav a:first-child{margin:0px;}
.Hnav a i{content:"";display:block;width:100%;position:absolute;left:50%;bottom:-3px;transition:all .1s linear;-webkit-transition:all .1s linear;}
.Hnav a .box{display:inline-block;height:30px;line-height:30px;position:relative;overflow:hidden;top:27.5px;}
.Hnav a .box span{position:relative;top:-20px;}
.Hnav a.cur,
.Hnav a:hover{color:#ff2942;}
.Hnav a.cur .box span,
.Hnav a:hover .box span{top:-20px;}
.Hnav a.cur i,
.Hnav a:hover i{bottom:0px;}
.Header-wrapper.on .Hnav{display:block !important;}

.index_banner{min-width:1148px;  position:relative;  height:760px; overflow:hidden;}
.index_banner .bd{ position:relative; z-index:0;}
.index_banner .bd ul{ width:100% !important;  z-index:9999;}
.index_banner .bd li{ width:100% !important;  height:760px; }
.index_banner .bd li a{ height:760px; display:block; position:relative;}
.index_banner .hd{ width:100%;  position:absolute; bottom:40px; left:0; height:15px;  text-align:center;}
.index_banner .hd ul li{ cursor:pointer;display:inline-block;*display:inline;zoom:1;width:56px;height:4px;	margin:10px;	overflow:hidden; background-color:#000;line-height:999px;filter:alpha(opacity=50); -moz-opacity:0.5;opacity:0.5;}
.index_banner .hd ul li.on{background-color:#FE0000;}
.index_banner .prev{ display:block; width:22px; height:40px; background:url(images/jt.png) left top no-repeat; position:absolute; left:-30px; top:266px;opacity:0;}
.index_banner .next{ display:block; width:22px; height:40px; background:url(images/jt.png) right top no-repeat; position:absolute; right:-30px; top:266px;opacity:0;}

#yzzxchcsjjjfa{ font-size:36px; text-align:center; color:#000; margin:72px auto 26px auto;}
#yzzxchcsj1{ font-size:16px; color:#999999; text-align:center; margin:0 auto 32px auto }
#yzzxchcsj2{ margin:0 auto; background-color:#fe0000; display:block; width:70px; height:2px;}
#yzzxchcsj3{ margin:25px 29% 0 29%; text-align:center; font-size:14px; color:#999999; line-height:30px;}

/*---首页数字特效---*/
.specialefficacy{ width:100%; height:180px; position:relative; margin:70px auto 0 auto}
.specialefficacy ul{ margin:0px auto; padding:0;  text-align:center;}
.specialefficacy ul li{ display:inline-block; margin:0 100px; text-align:center;color:#000;  padding:0; font-size:24px }
.specialefficacy ul li p{ margin:0px auto; display:inline-block; font-size:58px; font-weight:bold; text-align:center; overflow:hidden; font-family:'DINCond-Bold';}
.specialefficacy ul li span{  font-size:16px; display:block;  margin:-5px 0 0 0; line-height:40px; color:#999999;}

/* 首页案例 */
.wrap{width:100%;min-width:320px;max-width:1660px;clear:both;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.wrap::before,.wrap::after{display:block;clear:both;content:"";}
.index_case{width:100%;display:block;padding:60px 0px 0px;margin:0px 0px 0px; border-top:2px solid #000;}
.index_case_title{position:relative;top:0px;left:0px;z-index:0;}
.title02 h3 { float:left; color: #000;font-size: 36px;font-weight: 400; margin: 0px;padding:0px;left: 0;z-index: 9;}
.index_case_nav{float:right;text-align:right;display:inline-block;width:auto;height:80px;line-height:80px;position:absolute; top:0; right:0px;z-index:0;}
.index_case_nav li{display:inline-block;padding:0px 35px;margin:0px;text-align:right;height:inherit;line-height:inherit;}
.index_case_nav li:last-child{padding-right:0px;}
.index_case_nav li a{position:relative;top:0px;left:0px;z-index:0;display:inline-block;padding:0px 5px;margin:0px;color:#000;font-weight:normal;font-size:18px;height:inherit;line-height:inherit;}
.index_case_nav li a:hover{color:#000;}
.index_case_nav li a:before{content:"";position:absolute;bottom:0px;left:50%;z-index:0;width:0%;height:2px;line-height:2px;background:#000;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.index_case_nav li a:hover:before,.index_case_nav li.active a:before{left:0px;width:100%;}
@media (max-width:1199px){
    .index_case{padding:30px 0px 0px;}
    .index_case_nav{float:none;clear:both;margin:0px auto;text-align:center;display:block;width:auto;height:auto;line-height:40px;position:relative;top:0px;right:0px;z-index:0;padding:25px 0px 0px;}
    .index_case_nav li{display:inline-block;padding:0px 15px;margin:0px auto;text-align:center;height:inherit;line-height:inherit;}
}
@media (max-width:440px){
    .index_case_nav li{display:inline-block;padding:0px 10px;margin:0px auto;text-align:center;height:inherit;line-height:inherit;}
}
.index_case_list{margin:0px -25px 0px;padding:50px 0px 30px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.index_case_list .item{-ms-flex:1 1 33.333333%;flex:1 1 33.333333%;max-width:33.333333%;padding:20px 25px;}
.case_itembox{width:100%;display:block;margin:0px;padding:0px 0px 15px;}
.case_itembox .imgbox{width:100%;clear:both;margin:0px;padding:0px;display:block;overflow:hidden;position:relative;top:0px;left:0px;z-index:0;}
.case_itembox .imgbox .img{width:100%;clear:both;margin:0px 0px;padding:0px;font-size:0;display:block;overflow:hidden;}
.case_itembox .imgbox .img img{float:left;clear:both;width:100%;margin:0px;padding:0px;font-size:0;display:block;overflow:hidden;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;}
.case_itembox:hover .imgbox .img img{transform: scale(1.08);-webkit-transform: scale(1.08);-moz-transform: scale(1.08);-o-transform: scale(1.08);-ms-transform: scale(1.08);}
.case_itembox .imgbox .layer{position:absolute;top:0px;left:0px;z-index:0;width:100%;height:100%;margin:0 auto;text-align:center;background:rgba(0,0,0,0.7);-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;align-content:center;opacity:0;}
.case_itembox .imgbox .layer .tit{line-height:1.4;padding:10px 10px 12px;margin:0 auto;text-align:center;color:#fff;font-size:20px;font-weight:400;position:relative;flex:0 0 100%;}
.case_itembox .imgbox .layer .info{line-height:1.4;padding:0px 10px 10px;margin:0 auto;text-align:center;color:#fff;font-size:16px;font-weight:400;position:relative;flex:0 0 100%;}
.case_itembox .imgbox .layer .tit:before{content:"";position:absolute;top:0px;left:50%;z-index:0;margin-left:-10px;width:20px;height:2px;line-height:2px;display:block;background:#fff;}
.case_itembox .imgbox .layer .tit:after{content:"";position:absolute;bottom:0px;left:50%;z-index:0;margin-left:-10px;width:20px;height:2px;line-height:2px;display:block;background:#fff;}
.case_itembox:hover .imgbox .layer{opacity:1;}
.case_itembox .text{padding:0px 15px 0px;margin:0;text-align:left;}
.case_itembox .text .tit{width:100%;padding:10px 0px 0px;margin:0;color:#292929;font-size:20px;font-weight:400;}
.case_itembox .text .info{width:100%;display:block;margin:0px;padding:0px;color:#666;font-size:16px;position:relative;background:url(images/arrow01.png) right center no-repeat;}
.case_itembox:hover{border:0px solid #c0030a;-webkit-box-shadow:1px 2px 7px rgba(0,0,0,0.3);box-shadow:1px 2px 7px rgba(0,0,0,0.3);}
.case_itembox:hover .text .tit{color:#000;}
.case_itembox:hover .text .info{color:#000;}
.case_itembox:hover .text .info{background:url(images/arrow01a.png) right center no-repeat;}
@media (max-width:1199px){
    .index_case_list{padding:25px 0px 0px;margin:0px -12px;}
    .index_case_list .item{-ms-flex:1 1 50%;flex:1 1 50%;max-width:50%;padding:5px 12px;}
}
@media (max-width:639px){
    .index_case_list{padding:25px 0px 0px;margin:0px -0px;}
    .index_case_list .item{-mfs-flex:1 1 100%;flex:1 1 100%;max-width:100%;padding:2px 0px;}
}
.index_case .more01{display:block;margin:0px auto;text-align:center;padding:30px 0px 0px;}
.more01 a{display:inline-block;color:#000;font-size:16px;font-weight:400;margin:0px auto;text-align:center;padding:0px 40px 0px 60px;height:50px;line-height:46px;border:2px solid #000;border-radius:50px;}
.more01 a span{float:left;display:inline-block;color:inherit;font-size:inherit;margin:0px;padding:0px 35px 0px 0px;height:inherit;line-height:inherit;}
.more01 a i{float:left;display:inline-block;width:105px;font-size:inherit;margin:0px;padding:0px;height:inherit;line-height:inherit;background:url(images/arrow02.png) right center no-repeat;}
.more01 a{-webkit-transition:color .22s ease-in-out,border-color .3s ease-in-out,background .22s ease-in-out;-o-transition:color .22s ease-in-out,border-color .3s ease-in-out,background .22s ease-in-out;transition:color .22s ease-in-out,border-color .3s ease-in-out,background .22s ease-in-out;}
.more01 a i{-webkit-transition:background .22s ease-in-out;-o-transition:background .22s ease-in-out;transition:background .22s ease-in-out;}
.more01 a:hover{color:#fff;border:2px solid #c0030a;background:#c0030a;-webkit-box-shadow:1px 2px 7px rgba(0,0,0,0.3);box-shadow:1px 2px 7px rgba(0,0,0,0.3);}
.more01 a:hover i{background:url(images/arrow02a2.png) right center no-repeat;}
@media (max-width:575px){
    .index_case .more01 a{padding:0px 18px 0px 30px;}
    .index_case .more01 a span{padding:0px 20px 0px 0px;}
    .index_case .more01 a i{width:30px;}
}
*,::after,::before{box-sizing:border-box}
/* 案例结束 */


/*首页动态*/
.index-news{padding:90px 0 .8rem;}
.iNews-wrap{margin:.35rem 0 0;}
.iNews-wrap li{width:30.83333%;float:left;margin:0 0 0 3.75%;}
.iNews-wrap li:first-child{margin:0px;}
.iNews-1st{display:block;padding:0 0 .27rem;border-bottom:1px solid #eeeeee;margin-bottom:30px;}
.iNews-1st img{width:100%;height:310px;object-fit:cover; margin-bottom:20px;}
.index-news .date{ font-size:14px;line-height:15px;color:#623a29;margin:10px 0 0;}
.iNews-wrap .name{line-height:28px;height:56px;font-size:20px;color:#000000;margin:5px 0 0;}
.iNews-list{margin:20px 0 0;}
.iNews-list a{display:block;padding:0 0 0 20px;line-height:35px;font-size:16px;color:#444444;background:url(images/icon-l1.png) no-repeat 3px center;}
.iNews-list a:hover{background-image:url(images/icon-l1-2.png)}



/*首页广告*/
.index-more{padding:10.97rem 0 ; margin:80px 0 0;text-align:center;color:#fff;background-repeat:no-repeat !important;background-size:cover !important;background-position:center center !important;background-attachment:fixed !important;}
.index-more .t1{line-height:36px;font-size:42px; font-weight: 300;}
.index-more .t2{line-height:33px;font-size:18px; }
.index-more .split{display:block;width:70px;height:2px;background:#fff;margin:40px auto;}



/*脚部*/
#jiaobubg{ background-color:#333333; width:100%; margin:90px auto 0 auto; }
#jiaobu{ width:1458px; margin:0 auto; padding:60px 0; color:#acabab;}
#jiaobu a{ color:#acabab;}
#jblogo{ width:25%; float:left;}
#jblogo h1{ font-size:16px;letter-spacing:0.5em; line-height:38px;}
#jblogo h2{ font-size:18px; line-height:18px;}
#jblogo p{ font-size:14px; line-height:28px;}
#jbdh{ width:35%; float:left;}
#jbdh1{width:25%; float:left;}
#jbdh1 h3{ width:65px; font-size:16px; border-bottom: 2px solid #6a6a6a; margin-bottom:5px; padding-bottom:10px;}
#jbdh1 li{ display:block; line-height:30px; font-size:14px;}
#jbbq{ width:25%; float:left; font-size:14px; line-height:30px;}
#jbrwm{ float:right; font-size:14px; text-align:center}
#jbrwm img{ display:block}
#jblink{ display:block; font-size:14px; margin:50px 0 0}

/*首页我们的客户*/
.index-customer{padding:70px 0 .87rem;}
.contain {width: 1458px; margin: 0 auto;position: relative;}
.I-title .t2{line-height:41px;font-size:36px; text-align:center; color:#000}
.I-title .split{display:block;width:70px;height:2px;background:#ff2942;margin:40px auto}
.iCust-swiper{position:relative;margin:.21rem 0 0;}
.iCust-list li{padding:.15rem 0;}
.iCust-box{display:block;height:80px;line-height:78px;text-align:center;/*border:1px solid #e5e5e5;*/position:relative;font-size:0px; filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
.iCust-box img{width:100%;height:100%;object-fit:cover; filter: grayscale(100%);  //默认
      -webkit-filter: grayscale(100%);  //谷歌浏览器
      -moz-filter: grayscale(100%);  //火狐浏览器
      -ms-filter: grayscale(100%);  //IE核心浏览器
      -o-filter: grayscale(100%);   //Oprea浏览器
      -webkit-transition:all 1s ease-in-out;  //这是设置过渡时间效果，有一个缓冲时间
      -o-transition:all 1s ease-in-out;
      -moz-transition:all 1s ease-in-out;
      -ms-transition:all 1s ease-in-out;}
.iCust-box img:hover{ filter: grayscale(0%);  //默认
      -webkit-filter: grayscale(0%);  //谷歌浏览器
      -moz-filter: grayscale(0%);  //火狐浏览器
      -ms-filter: grayscale(0%);  //IE核心浏览器
      -o-filter: grayscale(0%);   //Oprea浏览器
      -webkit-transition:all 1s ease-in;  //这是设置过渡时间效果，有一个缓冲时间
      -o-transition:all 1s ease-in;
      -moz-transition:all 1s ease-in;
      -ms-transition:all 1s ease-in;}

/*.iCust-box:hover img{opacity:0;}
.iCust-box:hover img.rollover{transform:matrix(1.1, 0, 0, 1.1, 0, 0);opacity:1;}*/
.indexCustSwiper-prev,
.indexCustSwiper-next{display:none;width:39px;height:100%;position:absolute;top:0px;z-index:2;}
.indexCustSwiper-prev{left:-.8rem;background:url(../images/icon/swiper1-l.png) no-repeat center center;}
.indexCustSwiper-next{right:-.8rem;background:url(../images/icon/swiper1-r.png) no-repeat center center;}
.indexCustSwiper-prev:hover{background-image:url(../images/icon/swiper1-l2.png);}
.indexCustSwiper-next:hover{background-image:url(../images/icon/swiper1-r2.png);}
@media all and (max-width:1330px){
	.indexCustSwiper-prev{left:0px;}
	.indexCustSwiper-next{right:0px;}
}
@media all and (max-width:1260px) {
    /*1260*/
    .contain {width: 100%;padding: 0 2%;}
    .iCase-block .t1 {font-size: 16px;line-height: 23px;}
    .iCase-block .t2 {font-size: 24px;line-height: 33px;}
    .I-title .t1 {line-height: 43px;font-size: 38px;}
    .I-title .t2 {line-height: 38px;font-size: 22px;}
    .srv-stage .contain {padding-left: 2%;padding-right: 2%;}
    .ctUs-box {left: 0px !important}